export default {
  // 为当前模块开启命名空间
  namespaced: true,
  
  // 模块state数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')  //读取本地存储的数据
  }),
  
  // 模块mutations 方法
  mutations: {
    // 修改state数据  cart数组里添加商品
    addToCart(state,goods) { //state就是 模块state里的数据  goods就是要添加的商品信息
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 通过find方法 find查找方法会循环遍历里面所有数据  x表示是每个商品信息  
      // 拿到每个商品信息的id  和goods商品信息里的id进行比较 如果相等就证明我们购物车里有这个商品 只需要数量+1
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      // console.log(findResult)
      
      // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      if (!findResult) {
        // 如果购物车里没有这个商品信息 就添加到state数据里的cart数组
        state.cart.push(goods)
      }else {
        // 如果购物车里有这个商品  就只更新数据即可
        findResult.goods_count++
      }
      // console.log(state.cart)
      
      // 通过commit方法 调用m_cart命名空间下的saveToStorage() 方法
      this.commit('m_cart/saveToStorage')
    },
    
    
    // 修改state数据  购物车里商品的勾选状态
    updateGoodsState(state,goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      
      // 有对应的商品信息
      if (findResult) {
        // 更新对应商品的选中状态
        findResult.goods_state = goods.goods_state
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    
    
    
    // 更新购物车中商品的数量
    updateGoodsCount(state,goods)  {
       // 根据 goods_id 查询购物车中对应商品的信息对象
       const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
       
       if(findResult) {
         // 更新对应的商品数量
         findResult.goods_count = goods.goods_count
         // 持久化存储到本地
         this.commit('m_cart/saveToStorage')
       }
    },
    
    
    // 根据 Id 从购物车中删除对应的商品信息
    removeGoodsById(state,goods_id) {
      // 调用数组的filter方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    
    
    // 更新所有商品的勾选状态
    updateAllGoodsState(state,newState) {
      // 循环更新购物车中每件商品的勾选状态
      state.cart.forEach(x => x.goods_state = newState)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    
    
    // 将购物车的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync( 'cart', JSON.stringify(state.cart) )
    }
  },
  
  // 模块的 getters 属性
  getters: {
    // 购物车的商品总数
    total(state) {
      let c = 0  //默认购物车总数0
      // 循环购物车里的商品数量  累加到变量c中
      state.cart.forEach(goods => c += goods.goods_count)
      return c
    },
    
    
    // 勾选的商品的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.cart.filter(x => x.goods_state).reduce((total,item) => total+= item.goods_count,0)
    },
    
    
    // 已勾选的商品的总价
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state)
                  .reduce((total,item) => total+= item.goods_count * item.goods_price, 0)
                  .toFixed(2)
    }
    
    
  
  },
  
  
  
  
}